{% extends "base.html" %}

{% block js_block %}

{% endblock %}

{% block base_content %}
<div data-role="page">
<div data-role="header">
	<h4>{{word.name}}</h4>
</div>
<div data-role="content">
	<div class="word-detail" id="{{word.pk}}" wordid="{{word.pk}}">
		<div class="ui-grid-b">
			<div class="ui-block-a"><div class="vote nb" type="nb"></div></div>
			<div class="ui-block-b"><div class="vote sb" type="sb"></div></div>
			<div class="ui-block-c"><div class="vote not_known" type="not_known"></div></div>
		</div>
		<div class="comment-dialog" style="display:none; width: 100% ">
			<div>
				<textarea class="content" id="textarea-a">Care to say something?</textarea>
			</div>
			<div data-role="controlgroup" data-type="horizontal">
				<a data-role="button" href="#" data-theme="b">Submit</a>
				<a data-role="button" href="#" data-theme="e">Cancel</a>
			</div>
		</div>
			
		<div class="comment-list"></div>
	</div>

</div><!-- /content -->
<div data-role="footer">
		<h4>更多</h4>
	</div><!-- /footer -->
<script>
	$(document).ready(function() {
		$('.word-detail').each(function(index, dom) {
			var word = new Rose.Word($(dom));
		});
	});
</script>
</div>
{% endblock %}